.container {
  border-radius: 4px;
  transition: transform 0.3s ease;
  overflow: hidden;

  &:hover {
    transform: translateY(-1px);
    background-color: var(--tableRowSelectedColor);
  }
  &:active {
    transform: translateY(1px);
  }

  &:not(.fullWidth) {
    width: 46px;
  }

  .optionText {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@include global.insights-open {
  .container {
    margin-right: 8px;
  }
}

.formatType {
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 6px !important;
  min-height: 36px !important;
}

.optionText {
  padding-left: 6px;
  padding-right: 4px;
  font-size: 13px;
  line-height: 30px;
}

.controlsIcon {
  position: relative;
  margin-left: 3px;
  margin-top: 2px;
  width: 20px !important;
  height: 20px !important;
  rotate: 90deg;
}

@include global.insights-open {
  .controlsIcon {
    width: 18px !important;
    height: 18px !important;
  }
}

.dropdownDisplaySmall {
  left: 100px !important;
}
